export default {
    template: `
    <div>
    <h5>用户聊天框</h5>
    <hr>
    </div>
     
    <div class="aui-media app-message-media app-message-media--left">
        <div class="aui-layout">
            <div class="aui-layout__item">
                <img class="b-app-rounded-circle app-message-media__logo" 
                    src="https://static.zhilizhili.com/static/3828461873613813290.jpg">
            </div>
            <div class="aui-layout__item app-message-media__rowgutter"></div>
            <div class="aui-layout__item aui-media__body">
                <div class="app-message-media__gutter"></div> 
                <h5 class="app-message-media__title"><div app-inner>天地剑法天地剑法天地剑法天地剑法天地剑法</div></h5>  
                <div class="app-message-media__extend">extend</div> 
                <div class="app-message-media__gutter"></div>  
                <div class="app-message-media__body">
                <div class="app-message-media__content"><div app-inner>文字很长时会被截断在一行内 就像这样文字很长时会被截断在一行内 就像这样文字很长时会被截断在一行内 就像这样</div><div app-append>top</div></div><div style="display: inline-block;">test</div>
                </div>
            </div>   
        </div>
    </div>
    

    <div class="aui-media app-message-media app-message-media--right">
        <div class="aui-layout">
            <div class="aui-layout__item aui-media__body">
                <div class="app-message-media__gutter"></div> 
                <h5 class="app-message-media__title"><div app-inner>天地剑法天地剑法天地剑法天地剑法天地剑法</div></h5>
                <div class="app-message-media__extend">extend</div> 
                <div class="app-message-media__gutter"></div> 
                <div class="app-message-media__body"><div style="display: inline-block">test</div><div class="app-message-media__content"><div app-append>top</div><div app-inner>文字很长时会被截断在一行内 就像这样</div></div></div>
            </div>    
            <div class="aui-layout__item app-message-media__rowgutter"></div>
            <div class="aui-layout__item">
                <img class="b-app-rounded-circle app-message-media__logo" 
                    src="https://static.zhilizhili.com/static/3828461873613813290.jpg">
            </div>
        </div>
    </div>    
    `
}